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ABSTRACT 



A method and system for automatically sizing and position- 
ing a graphical display of HTML objects to fit the dimen- 
sions and video display resolution of a display window in a 
program such as a browser. A first facility translates slides in 
a slide show presentation program into a corresponding 
series of scalable Slide HTML pages. A scalable Slide 
HTML page has a SlideObj container that contains all of the 
objects in that page. Divisions in the scalable Slide HTML 
pages are created with nested DIV tags so that percentages 
related to default dimensions in the SlideObj container may 
be used to define the dimensions of a display space for a 
scalable Slide HTML page. Also, nested DIV tags are used 
to define percentage based positions, hyperlink areas and 
font sizes for HTML objects in the display space of the 
scalable Slide HTML page. The HTML objects include text, 
images, and image maps associated with hyperlinks. Ascalar 
is calculated to retain the original aspect ratio when fitting a 
display space and HTML objects included in the scalable 
Slide HTML page to different display window dimensions 
and video display resolutions. This scalar is also used to 
calculate the font size of the text objects and the hyperlink 
area for the hyperlinks (imagemaps). User interface controls 
are provided to select options for automatically fitting the 
HTML objects in the scalable Slide HTML page to the size 
of the display window. 

32 Claims, 16 Drawing Sheets 
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350 



Slide0001.htm 
<html> 
<body> 

^/~X div id="SlideObj" style = "position: absolute; top: 
0; left: 0; width: 640px; height: 480px; background- 
color: white; font size:16; clip:rect (0%, 101%, 101%, 0%) ; 
visibility: hidden "> 
- — ^ X div id^'Sl" style = "position: absolute; 

top: 100%; left: 100%; width: 100%; height: 100%; 
background- co lor : white; font size:75%;"> </div> 




div id="S2" style = "position: absolute; 



top: 100%; left: 100%; width: 100%; height: 100%; 



background-color: white; font size: 125%; "> </div> 



</div> 



</body> 
</html> 
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Slide0001.htm 
<htral> 
<body> 

Jtt^^Kdiv id="SlideObj !! style = "position: absolute; 

top:0; left:0; width :640px; height : 480px ; 

background-color: white; font size: 16; clip: rect (0% , 
101%, 101%, 0%); visibility: 
hidden" > 

362^^ <div style = "position: absolute; top: 

80.25%; 

left: 8. 5%; width: 52. 99%; height: 9.03%; font size:75%"> 
SAILING IS A POPULAR SPORT WORLDWIDE. 

364 ^-x <div style = 

"position : absolute ; 
top : 30% ; left : 40% ; width : 70% ; height : 60% ;f on 

t 

size:75%">A PICTURE OF MY BOAT</ 
div> 

370 map name="mapl' ! > 

< area onclick= " window . event . cancelBubble=true" 
target=" parent" ;href="http: //msw/hrweb" ; 
shape = "polygon" ; 

coords="l, 1, 1, 64, 64, 64, 64, 1"> 
< /map> 

< div style = "position: absolute; top: 
105%; 

left: 500%; width: 95%; height: 1000%"> 

368 

"■^img src = "sailboatl.bmp"; usemap="mapl" ;> 
</div> 

</ 
div> 

</body> 
</html> 



Fig. 13. \~36o 
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METHOD AND SYSTEM FOR 
AUTOMATICALLY FITTING A GRAPHICAL 
DISPLAY OF OBJECTS TO THE 
DIMENSIONS OF A DISPLAY WINDOW 

s 

FILED OF THE INVENTION 

The present invention relates to the graphical display of 
objects in a display space on a display window, and more 
particularly, to a method and a system for automatically 
sizing a graphical display of objects included in a display 10 
space to fit the dimensions of a display window. 

BACKGROUND OF THE INVENTION 

Computer programs often have associated data files that 
are processed by the computer program during its normal 35 
execution. A data file can contain information that is pro- 
cessed and presented to a user either in a video presentation 
or an audio presentation, or a combination of video and 
audio. Presentation programs are examples of computer 
programs that process an associated data file. 20 

Presentation programs enable a user to create, edit, 
manage, and perform "presentations" such as a slide show 
with a computer. One example of a popular presentation 
program is "PowerPoint," available from "Microsoft 25 
Corporation", of Redmond, Wash. A slide show presentation 
includes a set of electronic "slides," each slide correspond- 
ing to one screen or page of output. An electronic slide may 
also be converted to a 35 mm or overhead transparency and 
displayed in a standard slide projector or overhead projector. 3Q 
Each slide contains one or more objects, such as text, 
graphical images, or graphic automation. A slide may also 
include a sound object or video that is played when the slide 
is displayed during a "slide show" performance. 

A presentation program "performs" a slide show by 3S 
sequentially displaying a series of slides contained within 
the slide show presentation. The slides are displayed on a 
computer screen or projected onto a separate surface. During 
a performance of a slide show, a "presenter" controls the 
performance by invoking commands to "advance" to the 40 
next slide. A command can be entered using a keyboard, a 
mouse, or another suitable input device. 

Alternatively, an author of a slide show presentation can 
include slide "timings" with each slide. A slide timing 
corresponding to a slide indicates the number of seconds that 45 
the slide is displayed before the presentation program auto- 
matically advances to the next slide. During a performance 
of a slide show, a slide show presentation automatically 
advances to the next slide when the existing slide's timing 
ends. An ordered sequence of slides is predetermined by a 50 
slide show presentation author. During a performance of a 
slide show, a presenter can enter commands to alter the 
sequence of slides. 

The "PowerPoint" program enables a user to save a slide 
show in an associated slide presentation file, so that the slide 55 
show can be recreated at another location that has access to 
"PowerPoint" and the slide presentation file. Unfortunately, 
a presentation program such as "PowerPoint" is not common 
place and many computer users do not have access to this 
type of program. In the past, slide presentation files were 60 
often distributed on a storage medium that also contained at 
least a display only version of the presentation program for 
graphically displaying the slide show to a user with the 
information stored in the slide presentation file. Since there 
is limited space available on a contemporary storage 65 
medium that is intended for mass distribution, the number 
and size of slide presentation files that can economically be 
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distributed in this manner is presently limited. Additionally, 
since a slide show included in a slide presentation file must 
be displayed with some version of a presentation program, 
additional effort is required to locate, purchase and install 
the program before the slide show can be graphically 
displayed to other users, if not previously installed. 

An on-line information system typically includes one 
computer system (a server) that makes information available 
so that other computer systems (clients) can remotely access 
the information. The server manages access to the 
information, which can be structured as a set of independent 
on-line services. The server and client communicate via 
messages conforming to a communication protocol and sent 
over a communication channel such as a computer network 
or through a dial-up connection. 

Information resources managed by the server may include 
files, databases, and programs on the server system or on an 
external computer system. The information that the server 
provides may simply be stored on the server, may be 
converted from other formats manually or automatically, 
may be computed on the server in response to a client 
request, may be derived from data and programs on the 
server or other machines, or may be derived by any com- 
bination of these techniques. 

The user of an on-line service typically uses a browser 
program executed on the client system to access the infor- 
mation managed by the on-line service. The browser enables 
the user to selectively view, search, download, print, edit, 
and/or file the information managed by the server. On-line 
services are available on the World Wide Web (WWW), 
which operates over the global Internet. The Internet inter- 
connects a large number of otherwise unrelated computers 
or sites. Similar services are available on private networks 
called Intranets that may not be connected to the Internet, 
and through local area networks (LANs). The WWW and 
similar private architectures provide a "web" of intercon- 
nected document objects. On the WWW, these document 
objects are located at various sites on the global Internet. 

Among the types of document objects in an on-line 
service are documents and scripts. Documents that are 
published on the WWW are written in the Hypertext Markup 
Language (HTML). HTML documents can be created using 
programs specifically designed for that purpose or by 
executing script files. An HTML document includes a hier- 
archical set of markup elements; most elements have a start 
tag, followed by content, followed by an end tag. The 
content is a combination of text and nested markup ele- 
ments. Tags, which are enclosed in angle brackets (' <' and 
'>'), indicate how the document is structured and how to 
display the document, as well as destinations and labels for 
hypertext links. There are tags for markup elements such as 
titles and headers, text attributes such as bold and italic, lists, 
paragraph boundaries, links to other documents or other 
parts of the same document, in-line graphic images, and for 
many other features. 

The following lines of exemplary HTML code briefly 
illustrate how the language is used in a sample HTML 
document: 

Some words are <B>bold</B>, others are <I>italic</I>. 
Here we start a new paragraph.<P> 

Here's a hyperlink to the <A HREF«a URL to the home 
page of Microsoft corporation>microsoft corporation^ 
A>home page. 

This sample HTML document is a hypertext document 
because it contains a hypertext link to another document in 
the line that includes "HREF-." The format of this link is 
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described below. A hypertext document may also have a link In the prior art, one solution to this problem has been to 

to other parts of the same document. Linked documents may create different HTML pages that are encoded for different 

generally be located anywhere on the Internet, When a user video display resolutions in an HTML document. Another 

is viewing the document using a browser, the links are solution has been to create all of the HTML pages in a 

displayed as highlighted words or phrases. For example, s document at the lowest video display resolution offered by 

using a browser, the sample document above might be most ^ Q 6isphySy c . g . f 640x480. None of the prior art 

displayed on the user s screen as follows: solutions solve the problem of automatically fitting the 

Some words are bold, others are italic. Here we start a grap hical display of an HTML page to a display window that 

new paragraph. has a video d ispi a y resolution that is different than the video 

Here's a link to the Microsoft Corporation home page. 30 display reso i ut ion initially encoded for the HTML page. 

In a browser the link may be selected, for example, by It fe desirable to have a facility mat enables a preS entation 

clicking on the highlighted area with a mouse/iypically , the m to te an KTML document that includes a xX 

screen cursor changes when positioned on a hypertext link. of HTML pages that closely relate to each slide in a slide 

Selecting a link will cause the associated document to be _ , < . n f . . , 

displayed. Thus, clicking on the highlighted text "Microsoft Potation file created by he program. Preferably, such a 

Corporation" would fetch and display the associated home 15 faciht y woul u d eQa * le moih *J l ° ^f° y u™^* 

page for that entity. Similarly, the HTML language also P r °g ram > such as a browser already installed on the other 

provides a mechanism (the image or "IMG" element) that user s c °mp uter to graphically display an HTML page that 

enables an HTML document to include an image that is corresponds to a related slide. In this case, when the HTML 

stored as a separate file. When the end user views the HTML document related to the slide show presentation is distrib- 

document, the included image is displayed as part of the 20 uted to otner users on a storage media, the media would not 

document, at the point where the image element was posi- have to include a version of the presentation program. Since 

tioned in the document. Also, when the user is viewing an more of the capacity of the storage media could be used for 

HTML page that includes a display of a thumbnail image storing HTML documents related to slide show 

using a browser, a hyperlink connection from the thumbnail presentations, significantly larger slide show presentations 

image to the original image can be activated by selecting the 25 could be distributed on the same storage media, 

displayed thumbnail image. In this way, the original image Also, an HTML document corresponding to the slide 

is retrieved and graphically displayed when the user selects show presentation could be distributed over a network as an 

the thumbnail image. information resource with an on-line service, so that another 

One of the most commonly installed programs on a user easi ] y doW nload the document to their computer 

computer is a browser for graphically displaying an HTML 30 and graphically display the HTML pages corresponding to 

page that may be accessed locally or through an on-line me sUdes - n ^ slide &how preS entation with a program 

service connected to a network such as the Internet The alread Qn ih& uter such as browsef 

browser program may be a stand alone program such as the ; A ,. lf , n . / 4 e ... r . . 

"Microsoft Corporation's Internet Explored or the brows- * P , , f V 7 i 

er's functionality may be integrated into a computer oper- automatically fit the dimensions and positions of a graphical 

ating system, e.g., the "Windows 98" operating system 35 d *P la y of objects in an HTTVIL page to a display window 

available from the "Microsoft Corporation." Although the when the slze and/or Vlde0 dls P la y ^solution of the display 

browser is used to generate a graphical display of objects window is different than the display space of the HTML 

included in an HTML page, the dimensions of the browser's page. 

display window can differ from the dimensions initially SUMMARY OF THE INVENTION 

coded for the display space of the page. The size of the 4 0 

browser's display window can vary according to the reso- Tn e present invention provides a method for automata - 

lution of the video display or the window dimensions that cally fitting the graphical display of an object in a display 

are selected by a user. space of a scalable page to the size and video resolution of 

The HTML language provides for initially encoding the a display window. First, a page and its contents, e.g., an 

graphical display of an HTML page's display space to 45 object disposed in a display space, are translated into a 

defined dimensions such as 640x480 pixels, i.e., 640 vertical scalable page that is contained in a master container. The 

lines by 480 horizontal lines in a video display. In the prior size of the display space is related to the default size of a 

art, when the selected dimensions of the display window display space for the master container. Also, the size and 

and/or the resolution of the video display did not correspond position of the object in the display space of the scalable 

to the encoded values of the display space of the HTML 50 page is related to the size of the scalable page's display 

page, the objects in the page were not optimally displayed to space. 

a user. For example, if the HTML page had defined dim en- The present invention determines if at least one of the 
sionsof 640x480 fines of resolution, the graphical display of dimensions of a display window is different than a corre- 
the page would appear relatively small in a display window sponding dimension of the display space in the scalable 
sized to fit a 1024x768 video display resolution. 55 page. If different, a scalar that corresponds to the difference 
On the other hand, if the same HTML page was displayed in the dimensions of the display window and the display 
in a browser display window sized to fit a 320x240 video space of the scalable page is calculated. The scalar is 
display resolution, the graphical display of the document employed to resize and reposition the object and the display 
would appear significantly larger than the display able area in space in the scalable page by calculating a new size for the 
the display window. In this case, the user would have to 60 display space that is related to the size of the display window 
scroll through the display window to view the entire graphi- and the default size of the master container. The calculation 
cal display of the objects in the HTML page's display space. of the new size for the display space causes the related size 
Similarly, if at least one of a user selected dimension for the and position of the object to automatically change in pro- 
display window was less than a dimension of the HTML portion to the new size. Finally, the present invention 
page's display space, the entire graphical display of the 65 automatically fits the graphical display of the resized and 
objects in the display space would only be viewable by repositioned objects and display space in the scalable page 
scrolling. to the size of the display window, so that the user may view 



12/08/2003, EAST Version: 1.4.1 



US 6,456,305 Bl 

5 6 

the object in the display space of the scalable page without FIG. 6 displays the browser graphically displaying the 

having to scroll the display window back and forth. Slide HTML page after the width and height of the browser 

The page to be translated may be a slide that was created have been proportionally increased; 

with a presentation program or a document created with an FIG. 7 illustrates the browser graphically displaying the 

editor. Also, the scalable page, the master page and the s Slide HTML page after the width of the browser has been 

object may be coded in a computer language that supports increased, its height remaining constant 

percent-based nesting of a size and a position of an object FIG. 8 shows the browser graphically displaying the Slide 

and a display space. For example, the computer language HTML page after the height of the browser has been 

may be HTML, DHTML, CGI, Javascript and VRHTML. increased, its width remaining constant; 

In accordance with other aspects of this invention, the 10 FIGS. 9A and 9B display an overview of a method for 

graphical display of the resized and repositioned objects and generating a scalable Slide HTML page for each correspond- 

display space are only displayed after the display space and mg s \[^ created by a presentation program; 

the object have been resized and repositioned to fit the size nGS ^ 1QB afld 1QC show an oyerview of ft method 

ot the display window. ^ for resizing the display of a scalable Slide HTML page to 

In accordance with further aspects of this invention, accommodate the size of a display window in the browser; 

maintaining the original aspect ratio is considered when rTr , , , LJ i r L - ■ 

. . . tU ^ * <u i FIG. 11 shows an exemplary embodiment of a graphical 

determining the value for the scalar. • > * ■ A <? i a at . ■ 

& user interface window for selecting different options m the 

The object in the display space may be a text object that grap hical display of the scalable Slide HTML page; 

is associated with a percent -based font size, which is related « n CT „ . t1 . . , it _ . 

to a default font size included in the master page. The 2 ° < \ nr5 ^ xemp ^ HTML code listing that 

percent-based font size may be resized with the Scalar and * ho *f s how neste f d D } Y ^ploy percentages to define 

tl v t ^u^^tc u a a .™ tne dimensions of a display space and the font size for text 

text objects may be nested. A minimum and maximum size . 4 . 1 J , r 

c c . u * • i na ShdeObi container; and 

of font may be selected for resizing. J 

The object included in the scalable page may be an image 25 ,, Fia * " exem P^ code listing that 

map object associated with a hyperlink. The image map '0^™/™' ^ " * 

object is sized and positioned in the scalable page with a set scaJable ^ llde HI ML page, 

of coordinates that are stored in an array. The scalar is used DETAILED DESCRIPTION OF THE 

to calculate a new set of coordinates when fitting the PREFERRED EMBODIMENTS 

graphical display of the image map object to the display 30 

window. The present invention is directed to generating a scalable 

The object in the display space of the scalable page may HTML page and fitting the entire graphical display of 

be an image object. The image object may have a type that objects in a display space of the page to the dimensions and 

includes bitmap and vector graphic. Also, the display win- resolution of a display window of a program such as a 

dow may be associated with different types of programs such 35 browser. Generally, a first facility translates at least one page 

as a browser and an editor. DI V tags may be used to support of a document that contains different types of graphically 

percent-based sizing and positioning of the display space display able objects into the scalable HTML page. In one 

and the object in the scalable page. The setting of a flag in embodiment of the invention described below, slides with 

the scalable page determines when the object in the display graphically displayable objects in a slide presentation file are 

space of the scalable page may be graphically displayed in 40 used to generate a plurality of corresponding scalable HTML 

the display window. pages, i.e., Slide HTML pages. It is envisioned that other 

The present invention also provides a system for imple- tv P cs of filcs that deludes slides and/or pages with graphi- 
menting the method described above and a computer read- caI1 y displayable objects could also be translated into scal- 
able media for distributing logical instructions that enable a ablc HTML P a S es that correspond to each slide. These other 
system to perform the previously described method. 45 types of files may be created with other programs including 

word processors, desktop publishers, spreadsheets, and edi- 

BRIEF DESCRIPTION OF THE DRAWINGS tors. 

The foregoing aspects and many of the attendant advan- ^ Present invention ensures that the respective position 

tages of this invention will become more readily appreciated and size for cach ob J ect and the dis P la y s P ace of thc scalable 

as the same becomes better understood by reference to the 50 HTML P a S e are maintained when the page is graphically 

following detailed description, when taken in conjunction displayed in a display window that has dimensions and/or a 

with the accompanying drawings, wherein: Vlde0 dls P lav re so l ul i° n different than the values encoded 

FIG. 1 displays an overview of an exemplary operating f r , the ^ ™ c P^f n L "vention provides a second 

environment for the present invention; f * cillt y ^Somatically fits the graphical display of the 

_ . , , , , . „ ,. , ss objects included in the scalable HTML page to the dimen- 

• 63 S™ P J, ary T f Braphically display- sions of (he dis j window Jhe facm mainlains 

ing a scalable Slide HTML page that includes text and a t . 1 r * u u- * - *u 1 u» tttkxt 

u- • . tne original aspect ratio for the objects in the scalable HTML 

grap ic image, pa g C ^ afc g ra pjj{ ca Hy displayed in the display window. 

FIG. 3 illustrates the browser graphically displaying the 7^ present invention thus enables a user to view the 

Slide HTML page after the width and height of the browser 60 graphica i display of every ob j cct in a scalable HTML page 

have been proportionally decreased; without having to scroll back and forth in the display 

FIG. 4 shows the browser graphically displaying the Slide window. 

HTML page after the height of the browser has been Exemplary Operating Environment 

decreased, its width remaining constant; FIG. 1 and the following discussion are intended to 

FIG. 5 illustrates the browser graphically displaying the 65 provide a brief, general description of a suitable computing 

Slide HTML page after the width of the browser has been environment in which the invention may be implemented, 

decreased, its height remaining constant; Although not required, the invention will be described in the 
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general context of computer-executable instructions, such as interface, such as a video adapter 48. In addition to the 

program modules, being executed by a personal computer. monitor, personal computers typically include other periph- 

Generally, program modules include routines, programs, eral output devices (not shown), such as speakers and 

objects, components, data structures, etc., that perform par- printers. 

ticular tasks or implement particular abstract data types, s The personal computer 20 may operate in a networked 

Moreover, those skilled in the art will appreciate that the environment using logical connections to one or more 

invention may be practiced with other computer system remote computers, such as a remote computer 49. The 

configurations, including hand -held devices, multiprocessor remote computer 49 may be another personal computer, a 

systems, microprocessor-based or programmable consumer server, a router, a network PC, a peer device or other 

electronics, network PCs, minicomputers, mainframe 10 common network node, and typically includes many or all of 

computers, and the like. The invention may also be practiced the elements described above relative to the personal com- 

in distributed computing environments where tasks are puter 20, although only a memory storage device 50 has 

performed by remote processing devices that are linked been illustrated in FIG. 1. The logical connections depicted 

through a communications network. In a distributed com- in FIG. 1 include a local area network (LAN) 51 and a wide 

puting environment, program modules may be located in 15 area network (WAN) 52. Such networking environments are 

both local and remote memory storage devices. commonplace in offices, enterprise-wide computer 

With reference to FIG. 1, an exemplary system for imple- networks, intranets and the Internet, 

menting the invention includes a general purpose computing When used in a LAN networking environment, the per- 

device in the form of a conventional personal computer 20, sonal computer 20 is connected to the local network 51 

including a processing unit 21, a system memory 22, and a 20 through a network interface or adapter 53. When used in a 

system bus 23 that couples various system components WAN networking environment, the personal computer 20 

including the system memory to the processing unit 21. The typically includes a modem 54 or other means for establish- 

system bus 23 may be any of several types of bus structures ing communications over the wide area network 52, such as 

including a memory bus or memory controller, a peripheral the Internet. The modem 54, which may be internal or 

bus, and a local bus using any of a variety of bus architec- 25 external, is connected to the system bus 23 via the serial port 

tures. The system memory includes read only memory interface 46. In a networked environment, program modules 

(ROM) 24 and random access memory (RAM) 25. A basic depicted relative to the personal computer 20, or portions 

input/output system 26 (BIOS), containing the basic routines thereof, may be stored in the remote memory storage device, 

that helps to transfer information between elements within It will be appreciated that the network connections shown 

the personal computer 20, such as during start-up, is stored 30 are exemplary and other means of establishing a communi- 

in ROM 24. The personal computer 20 further includes a cations link between the computers may be used, 

hard disk drive 27 for reading from and writing to a hard Architecture for Scalable HTML Pages 

disk, not shown, a magnetic disk drive 28 for reading from While the invention can be packaged in various ways 

or writing to a removable magnetic disk 29, and an optical depending upon the environment of use, in one actual 

disk drive 30 for reading from or writing to a removable 35 embodiment, a first facility translates each type of object 

optical disk 31 such as a CD-ROM or other optical media. included in a slide into an HTML object and disposes the 

The hard disk drive 27, magnetic disk drive 28, and optical object at a related position in a scalable HTML page, i.e, a 

disk drive 30 are connected to the system bus 23 by a hard Slide HTML page. Clip region boundaries, i.e., the edges, 

disk drive interface 32, a magnetic disk drive interface 33, for the displayed area (display space) of the Slide HTML 

and an optical drive interface 34, respectively. The drives 40 page are set so that any object outside the clip boundaries of 

and their associated computer-readable media provide non- the display space will not be rendered. The display space for 

volatile storage of computer readable instructions, data the Slide HTML page is set with a DIV tag. DIV tags are 

structures, program modules and other data for the personal used to structure the graphical display of pages in an HTML 

computer 20. Although the exemplary environment document as a hierarchy of subdivisions. This hierarchy 

described herein employs a hard disk, a removable magnetic 45 supports percentage -based dimensions for objects nested 

disk 29 and a removable optical disk 31, it should be within the sub-divisions created by the DIV tags, 

appreciated by those skilled in the art that other types of The first facility also provides for creating a container for 

computer readable media which can store data that is at least one Slide page created from a slide. The divisions 

accessible by a computer, such as magnetic cassettes, flash created by nested DIV tags enable the Slide Obj container to 

memory cards, digital video disks, Bernoulli cartridges, 50 provide default dimensions and a default font size for the 

random access memories (RAMs), read only memories display space and text objects in a Slide HTML page that is 

(ROM), and the like, may also be used in the exemplary contained in the SlideObj container. Since DIV tags are used 

operating environment. to define the dimensions and font size for a SlideObj 

A number of program modules may be stored on the hard container, other DIV tags that are nested in the Slide HTML 

disk, magnetic disk 29, optical disk 31, ROM 24 or RAM 25, 55 page may reference the default dimensions of the SlideObj 

including an operating system 35, one or more programs 36, container's display space as a percentage (greater than or 

other program modules 37, and program data 38. A user may less than 100%) to define the dimensions of the display 

enter commands and information into the personal computer space for each object on the Slide HTML page. Similarly, a 

20 through input devices such as a keyboard 40 and pointing font size for a text object in each Slide HTML page can be 

device 42. Other input devices (not shown) may include a 60 referenced as a percentage (greater than or less than 100%) 

microphone, joystick, game pad, satellite dish, scanner, or of the default font size in the SlideObj container, 

the like. These and other input devices are often connected FIG. 12 illustrates an HTML code fragment 350 with a 

to the processing unit 21 through a serial port interface 46 DIV tag 352 for a SlideObj container that defines a default 

that is coupled to the system bus, but may be connected by font size of 16 and 635 vertical pixels (lines of resolution) 

other interfaces, such as a parallel port, game port or a 65 by 476 horizontal pixels (lines of resolution) as the display 

universal serial bus (USB). A monitor 47 or other type of space for the page. A pair of nested DIV tags 354 and 356 

display device is also connected to the system bus 23 via an employ percentages to define the dimensions of a display 
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space and a font size for text that are contained in the 
SlideObj container. The nested DIV tags 354 and 356 
(identified as SI and S2) include percentage values that are 
based on the default dimensions (635 by 476 pixels) and the 
font size (16) of the SlideObj container. In this case, the SI s 
DIV tag 354 will display text objects with a default font size 
of 12 (75% of 16) and the S2 DIV tag 356 will display text 
objects with a font size of 20 (125% of 12). Also, the SI and 
S2 DIV tags 354 and 356 will display text objects in display 
spaces that have the same dimensions (100% of 635 and 10 
100% of 476) as the default dimensions of the display space 
of the SlideObj container. 

The nested divisions created by DIV tags in a Slide 
HTML page enables an HTML object to be positioned in the 
Slide HTML page's display space as a percentage of the 15 
dimensions of the display space. In FIG. 13, a text object, 
i.e., SAILING IS A POPULAR SPORT WORLDWIDE, is 
disposed within a division defined by a nested DIV tag 362. 
The position of this text object in the Slide HTML page's 
display space is based on a percentage that is relative to the 20 
dimensions of the display space defined by the division 
created by DIV tag 354 for the page. In this case, the top of 
the text object is disposed at 80.25% of the height (100% of 
476 pixels) of the display space for the Slide HTML page 
and the left side of the text object is positioned at 8.5% of is 
the width (100% of 635 pixels) of the display space. 

The first facility also provides for nesting text, image and 
image map objects within the divisions created by DIV tags 
as a percentage relative to another position of another object 
in the display space of a Slide HTML page. In this way, a 30 
hierarchy of relative positions may be created for objects 
disposed in the display space of the Slide HTML page. For 
example, in FIG. 13, another text object, i.e., A PICTURE 
OF MY BOAT, has its position based on a percentage that 
is relative to the dimensions of the display space for a Slide 35 
HTML page defined by another HTML code fragment 360. 
This text object is disposed in a division created by a nested 
DIV tag 364 which defines the object's top position as 30% 
of 80.25% of 100% (height of 476 pixels) of the display 
space of the Slide HTML page. Similarly, an image object, 40 
i.e., "sailboatl.bmp", is disposed in a division created by a 
nested DIV tag 368 that defines a top position that is 105% 
of 80.25% of 100% of the display space of the Slide HTML 
page. 

Additionally, when a hyperlink is associated with an 45 
image object, the dimensions of a region associated with the 
image object are not expressed as a percentage of the 
dimensions of the display space of the Slide HTML page. 
Instead, an image map tag 370 is employed to define an 
explicit set of coordinates defining the region of the image 50 
object that will activate the hyperlink when selected by a 
user. Since the image map object dimensions are not per- 
centage based, the second facility employs at least one script 
to resize these dimensions to fit a display window's dimen- 
sions. However the facility also supports percent based 55 
image maps if they are supported by the browser. 
Exemplary Graphical Displays 

The present invention is described below with respect to 
a graphical display of objects included in a sample Slide 
HTML page. Prior to describing the process of the invention, 60 
a series of screen diagrams showing the results of applying 
the invention to the sample Slide HTML page is described. 
FIG. 2 is a screen diagram showing an exemplary display of 
a browser 100 and a display window 102 that graphically 
displays the objects in the Slide HTML page, i.e, a display 65 
space 103, a text object 104 containing the words "SAILING 
IS A POPULAR SPORT WORLDWIDE." and an image 
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object 106 showing a graphic of a sailboat. In this case, 
browser 100 has a height dimension (y) and a width dimen- 
sion (x) that are approximately proportional. Also, the 
dimensions of the browser's display window 102 are equal 
to the originally encoded dimensions for the display space 
103 of the Slide HTML page. 

FIG. 3 is another screen diagram illustrating a browser 
100' that has a width dimension (x 1 ) and a height dimension 
(y') that are proportionally less than the respective width 
dimension (x) and height dimension (y) of browser 100 as 
shown in FIG. 2. Since originally encoded dimensions of the 
display space 103 of the HTML page do not equal either the 
height or width dimensions of a display window 102', the 
present invention has automatically resized and repositioned 
a display space 103' and the contents of the Slide HTML 
page, in proportion to the smaller display window 102' 
dimensions. In particular, the display space 103', a text 
object 104' and an image object 106' have been proportion- 
ally reduced in size and repositioned in the display window 
102', so that the contents the Slide HTML page proportion- 
ally fit the dimensions of the display window. 

In changing the dimensions and positions of the objects in 
the Slide HTML page to accommodate different dimensions 
in the display window 102', the present invention maintains 
the original aspect ratio for resized objects. In particular, the 
present invention calculates the aspect ratio (which is width 
divided by height) of the browser window and compares it 
with the aspect ratio of the SlideObj container. For example, 
let's say the width and height of the browser window are 200 
and 100, respectively. The aspect ratio will be 2 (200/100). 
Similarly, if the width and height of the SlideObj container 
are 75 and 50, respectively, the aspect ratio for the SlideObj 
container will be 1.5 (75/50). The present invention calcu- 
lates that if the SlideObj container's width were resized to 
200, the height would have to be 133 (200A .5) . This is larger 
than the width of the browser window so it will not fit. Thus 
the right solution is to resize the height of the SlideObj 
container to 100, which will result in a width of 150. Since 
these dimensions fit in the browser window, these height 
dimensions are used to calculate a scalar, which is used to 
maintain the original aspect ratio for resized and reposi- 
tioned objects. Similarly, if the determination was that the 
width should be changed, then the width dimension of the 
display space 103' and the width dimension (x') of the 
display window 102 1 would be employed to calculate the 
scalar to maintain the original aspect ratio. 

FIG. 4 displays a browser 100" that has a width dimension 
(x) equal to the width dimension (x) of browser 100 as 
illustrated in FIG. 2 and a height dimension (y") that is 
substantially less than the height dimension (y) of browser 
100. Because the originally encoded height dimension of the 
Slide HTML page does not equal the height dimension of a 
display window 102", the present invention has automati- 
cally resized and repositioned a display space 103" and the 
objects in the Slide HTML page, i.e., a text object 104" and 
an image object 106", to fit the smaller height dimension in 
the display window. As discussed above, the present inven- 
tion calculates a scalar when changing the dimensions of the 
text object 104", image object 106", and display space 103" 
in the graphical display of the HTML page. In this case, the 
height dimensions of the display window 102" and the 
display space 103" are used to calculate a scalar to maintain 
the original aspect ratio. 

In FIG. 5, a browser 100"* is shown that has a height 
dimension (y) equal to the height dimension (y) of browser 
100 as illustrated in FIG. 2 and a width dimension (x'") that 
is substantially less than the width dimension (x) of browser 
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100. In this case, the originally encoded width dimension of 
the Slide HTML page does not equal the width dimension in 
a display window 102'" of the browser 100'". The present 
invention has automatically resized and repositioned a dis- 
play space 103'" and the objects in the Slide HTML page to 
fit the smaller width dimension of the display window 102"'. 
Again, the display space 103'", a text object 104'" and an 
image object 106"' have been proportionally reduced in size 
and repositioned in the display window 102'". The width 
dimensions of the display window 102'" and the display 
space 103'" have been used to calculate a scalar to maintain 
the original aspect ratio. 

FIG. 6 is another screen diagram illustrating a browser 
100"" that has a width dimension (x"") and a height dimen- 
sion (y" M ) that are proportionally greater than the respective 
width dimension (x) and height dimension (y) of browser 
100 as shown in FIG. 2. Even though the originally encoded 
dimensions of the Slide HTML page do not equal either 
dimension of a display window 102" " of browser 100" ". The 
present invention has resized and repositioned the objects in 
the Slide HTML page, i.e., a display space 103"", a text 
object 104"" and an image object 106"", in proportion to the 
larger dimensions in the display window 102"". In this case, 
the height dimensions of the display window 102""' and the 
display space 103'"" are used to calculate a scalar to main- 
tain the original aspect ratio. 

FIG. 7 displays a browser 100'"" that has a height dimen- 
sion (y) equal to the height dimension (y) of browser 100 as 
illustrated in FIG. 2 and a width dimension (x'"") that is 
substantially greater than the width dimension (x) of 30 
browser 100. Because the originally encoded width dimen- 
sion of the Slide HTML page does not equal the width 
dimension of the browser 100'"", the present invention has 
automatically resized and repositioned the objects in the 
Slide HTML page, i.e., a display space 103""', a text object 35 
104"'" and an image object 106'"", to fit the larger width 
dimension in a display window 102'"". The width dimen- 
sions of the display window 102 and the display space 
103"'" were used to calculate a scalar to maintain the original 
aspect ratio. 40 

In FIG. 8, a browser 100""" is shown that has a width 
dimension (x) equal to the width dimension (x) of the 
browser 100 as illustrated in FIG. 2, and a height dimension 
(y""") that is substantially greater than the height dimension 
(y) of the browser 100. Even though the originally encoded 
height dimension of the Slide HTML page does not equal the 
height dimension in a display window 102"" " of the browser 
100""", the present invention has automatically resized and 
repositioned a display space 103""" and the contents of the 
Slide HTML page, i.e., a text object 104""" and an image 
object 106""", in proportion to the larger height dimension 
in the display window 102""". In this case, the width 
dimensions of the display window 102""" and the display 
space 103 """ were used to calculate a scalar to maintain the 
original aspect ratio. 

Flow Diagram for Generating Slide HTML Pages from 
Slides 

FIGS. 9 A and 9B comprise a logic flow diagram 200 
showing the process performed by a first facility in accor- 
dance with the present invention for automatically convert- 
ing slides previously created with a presentation program 
into a series of corresponding scalable Slide HTML pages 
that include graphically displayable objects. A second facil- 
ity described below automatically fits the graphical display 
of the objects included in the scalable Slide HTML pages to 
the dimensions and/or video display resolution of a display 
window in another program such as a browser. 
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Moving from a start block in FIG. 9A, at a block 202, a 
presentation program creates a series of slides for a slide 
show presentation that is saved in a slide presentation file. 
The logic moves to a block 204, where a "Save As" com- 
mand is selected in the presentation program that indicates 
to the first facility that the slides in the slide presentation file 
are to be translated into a corresponding series of scalable 
Slide HTML pages. Then, in a block 206, for each of the (N) 
slides in the slide presentation file, a corresponding Slide (N) 
HTML page is created. The display space for each Slide 
HTML page is defined with a SlideObj container that 
contains other DIV tags. 

As discussed above, DIV tags create divisions that enable 
the position and size of an object and a display space to be 
defined as a hierarchical percentage of another set of dimen- 
sions such as the default values of the SlideObj container. 
The DIV tag divisions enable a Slide HTML page's display 
space to be sized and positioned as a percentage of the 
display space of a container, i.e., the SlideObj container. 
Further, the size of the SlideObj container's display space 
default dimensions are measured in pixels (lines of video 
display resolution). The present invention can automatically 
compensate for different video display resolutions because 
the fitting of objects and a display space included in a Slide 
HTML page to a display window is based on the number of 
lines of resolution (pixels) actually used in the display 
window. For example, when a different video display reso- 
lution is used with a display window, the number of Lines of 
resolution that define the dimensions of the display window 
will also proportionally change. In this case, as pictorially 
illustrated in FIGS, 2-8 and described above, the present 
invention automatically fits the graphical display of the Slide 
HTML page to the new dimensions (number of lines of 
resolution) of the display window. 

At a block 208, a SlideObj container is created for each 
Slide HTML page. Each SlideObj container includes all of 
the objects in the corresponding Slide HTML page. The 
SlideObj container sets a default font size and default 
vertical and horizontal dimensions of a display space with 
divisions created by DIV tags. The SlideObj container also 
includes a flag for hiding the graphical display of the 
contents of the SlideObj container. Next, in a block 210, a 
flag for hiding the graphical display of the contents of each 
Slide HTML page is set on in each SlideObj container. The 
logic moves next to a block 212 and the clip region 
boundaries, i.e., the edges of the display space, are set for 
each of the Slide HTML pages. Moving forward, at a block 
214, a loop counter value (M) is set equal to 1. 

The logic flow of diagram 200 is continued in FIG. 9B. 
For the Mth slide, the logic identifies each object and the 
type of the object. See block 216. Then, in block 218, the 
logic calculates a position and size for each identified object 
as percentages with respect to the percentage based vertical 
and horizontal dimensions of the Mth Slide HTML page. At 
block 220, the logic employs the calculated percentages to 
nest each object in divisions created by DIV tags within the 
display space of the Mth Slide HTML page. 

Stepping to a decision block 222, the logic determines if 
any of the nested objects have a hyperlink associated with 
the object. As discussed above, hyperlinks may be associ- 
ated with different types of objects such as text, images, or 
regions in the display space. If the determination is positive, 
the logic moves to a block 224 and identifies each deter- 
mined hyperlink as an image map. Moving to a block 226, 
the logic writes the name of each image map in the corre- 
sponding Mth Slide HTML page. At a block 228, the logic 
calculates a percent font size for the Mtb Slide HTML page 



12/08/2003, EAST Version: 1.4.1 



US 6,456305 Bl 



13 



14 



based on the default font size included in the SlideObj 
container. If the determination at decision block 222 had 
been negative, the logic would have stepped directly to a 
block 228. 

Moving forward to a decision block 230, the logic deter- 5 
mines if any text objects are nested in the Mth slide, e.g., 
bulleted text in a presentation. If true, in block 232, another 
percent font size for each nested text object with respect to 
the percent font size for the Mth Slide HTML page is 
calculated. Then, in a block 234, the logic writes the 10 
calculated other percent font size for each nested text object 
in the Mth Slide HTML page. Next, at block 236, the logic 
sets the loop counter value of M equal to M+l. Flowing to 
a decision block 238, the logic determines if the value of M 
is equal to N, i.e., the total number (N) of Slide HTML pages is 
has been processed by the first facility. If the determination 
is negative, the logic loops back to block 218 and repeats the 
logic flow discussed above for the next slide (M+l). If the 
determination at block 238 is positive, the logic advances to 
a block 240 and a script file is bound to the SlideObj 20 
container. The logic performed by the first facility of the 
present invention then concludes. 

Flow Diagram for Automatically Fitting a Graphical Display 
to a Display Window 

The logic 284 employed by the second facility of the 25 
present invention that fits, i.e., redimensions and repositions, 
a graphical display of the objects in a Slide HTML page to 
the size and resolution of a display window in a browser is 
shown in flow diagram form in FIGS. 10A, 10B and 10C. 
Moving from a start block to a block 244, the logic loads the 30 
first of the Slide HTML pages. Moving to a decision block 
246, the logic determines if the dimensions of the browser's 
display window are equal to the dimensions originally 
encoded for the display of a selected Slide HTML page. If 
this determination is positive, the logic moves to a block 256 35 
where a flag in the SlideObj container is set off. When this 
flag is set off, the graphical display of the objects included 
in the SlideObj container for the selected Slide HTML page 
are hidden, i.e, not displayed to the user. At a block 258, the 
browser graphically displays the Slide HTML page's objects 40 
in the browser's display window using the dimensions 
originally encoded and the logic flow ends. 

If the determination in decision block 246 is negative, the 
logic flows to a block 248 and a script file is called that 
includes scripts for fitting the graphical display of different 45 
types of objects in the selected Slide HTML page to the 
dimensions of the display window in the browser. The 
scripts use the selected Slide HTML page's percent based 
font sizes and dimensions to fit objects to the dimensions of 
the browser's display window. Percentage based calcula- 
tions are used by the scripts to determine new positions and 
dimensions for the different types of objects. 

At a decision block 250, the logic determines if the 
version of the browser supports percentage based dimen- 
sioning and positioning in divisions created by nested DIV 
tags. If false, the logic moves to block 256 and the SlideObj 
container's flag that hides the graphical display of the 
objects included in the container for the selected Slide 
HTML page is set off. Advancing to block 258, the logic 
displays the objects included in the selected Slide HTML 60 
page without having fitted the objects to the dimensions 
and/or resolution of the display window. 

Alternatively, if the logic determines at block 250 that the 
version of the browser does support the nesting of different 
types of objects with DIV tags, the logic moves to a block 65 
252, where the objects included in the SlideObj container for 
the selected Slide HTML page are parsed and each image 
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map object in the page is identified. Then in a block 254, the 
logic saves the coordinates for each image map object in the 
display space of the selected Slide HTML page and stores 
these coordinates in an array for all of the identified image 
map objects. 

The logic flow continues from block 254 shown in FIG. 
10A to a block 259 illustrated in FIG. 10B. The present 
invention calculates the aspect ratio (width dimension 
divided by height dimension) of the SlideObj container. 
Stepping to a decision block 260, the logic determines, if the 
height dimension of the SlideObj container is set to the 
height of the browser window, will the SlideObj container's 
width dimension, dictated by the aspect ratio, fit in the width 
of the browser window. As discussed above, a Slide HTML 
page's height dimension is defined by the number of pixel 
based lines of resolution horizontally aligned in the display 
space. In this embodiment, the number of horizontal lines of 
resolution in the browser's display window is compared to 
the selected Slide HTML page's originally encoded number 
of horizontal lines to determine a difference in height 
dimensions. Because the number of pixels (lines) are used to 
define the height dimension of the display space of the 
selected Slide HTML page, this embodiment of the present 
invention automatically recognizes a difference in heights 
when either the resolution of the video display has changed 
or the display window's height is different than the origi- 
nally encoded height dimension of the display space. 

If the determination at decision block 260 is true, the logic 
moves to a block 264 where the height dimension included 
in the SlideObj container for the selected Slide HTML page 
is compared to the height dimension of the browser's display 
window and a scalar value is calculated. The value of the 
scalar is based on a measured difference between the height 
dimensions included in the SlideObj container for the 
selected Slide HTML page and the display window. Moving 
to a block 266, the scalar is employed to calculate a new 
reference font size for the SlideObj container for the selected 
Slide HTML page. 

If the logic determines in decision block 260 that the 
width dimension of the SlideObj container should be 
changed, the logic advances to a block 262. Id this case, the 
logic compares the width dimension in the SlideObj con- 
tainer for the selected Slide HTML page to the width 
dimension of the display window and a scalar is calculated 
based on the difference in widths comparison. Similarly, the 
number of pixels (vertical lines) are used to define the width 
dimension of the display space defined by the SlideObj 
container for the selected Slide HTML page. This embodi- 
ment of the present invention automatically recognizes a 
difference in width dimensions between the display space in 
the SlideObj container for the selected Slide HTML page 
and the display window when either the resolution of the 
video display has changed or the display window's height 
dimension is different than the originally encoded height 
dimension for the page. Next, the logic also flows to block 
266 where the calculated scalar is used to calculate a new 
percent font size for the Slide HTML page. 

Moving to a block 268, the logic employs the scalar to 
calculate a new width dimension for the display space 
included in the SlideObj container for the selected Slide 
HTML page. Then, in a block 270, the scalar is employed to 
calculate a new height dimension for the display space 
included in the SlideObj container for the selected Slide 
HTML page. Next, in a block 272, the new width and height 
dimensions are used in the centering the display space 
defined by the SlideObj container for the selected Slide 
HTML page within the dimensions of the browser's display 
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window. At a block 273, the scaling factor is employed to use in resizing the width of the display space. A spinner 
calculate new width and height dimensions for each of the control 324 coupled to the width drop-down menu 320 that 
image objects included in the SlideObj container for the enables the selection of the number of lines of resolution for 
selected Slide HTML page. In the case of an image object the maximum and minimum widths of the display space, 
based on a bitmap, the explicit dimensions of the image s Further, a check box 336 and an associated spinner control 
objects are multiplied by the scalar. Although a typical type 318 allows the ratio employed by the present inven- 
tor an image object is a device independent bitmap (DIB), ^on when fitting the graphical display to a display window 
another type of image object such as a vector graphic may of a bmw f T to be selected. Another check box 326 and an 
be included in a Slide HTML page. The scalar could be abated mm font spinner control 332 and an associated 
similarly employed to resize other types of image object, to maxfont s P mn6r contro1 330 e ™>*? thc jetton of the 
The logic flow continues from block 273 shown in FIG. maximum and ^inirnum sizes of fhe fonts to be graphically 
10B to a block 274 illustrated in FIG. 10C where the scaling displayed. Additionally, when a further check box 328 is 
factor is employed to calculate a new font size for the selected - herein dl f closed embodiment of the present 
SlideObj container. To do this, the present invention multi- invention automatically resizes the dimensions of he 
plies the original font size of the SlideObj container by the 15 graphical display of image objects to fit a browser s display 
scaling factor calculated above. Since each text object has a ^ Slt » llarl y> when another check box 334 is selected, 
font size that is based on a percentage of the font size for the ^Present disclosed embodiment of the invention automah- 
SlideObj container, the font size of each text object is cally red.mensions the graphical display of image maps to fit 
automatically updated when a new font size is calculated for a browser s (hsplay window. 

the SlideObj container. Moving to a block 275, an image 20 ™** a dose box 306 is se ected the user interface 

map script is called for scaling the coordinates of the image 3&2 1S closcd - J** * Xcctl ° a of •? °* button ? 08 

maps stored in the array. Then, at a block 276, the logic ^ flrm ^ m , e °P h ° ns selet f d ln „ the user mte / face w '" dow 

employs the script to multiply the coordinates of each image 3 " and c u los6S thc wind ° w If » ca "^ bmton 310 is 

map in the array by the scalar to generate new coordinates seIected >. the user ' nter f "» wmdow 382 clos f and . the 

for each image map object. Flowing to a block 278, the new 25 P^sent invention disregards any changes to the options 

coordinates for each image map are written to the SlideObj f^ cted ln the ™ do * Also tbe sftctiM of a help button 

container for the selected Slide HTML page. Advancing to 312 clus L es a facl ^ ^display information explainmg the 

a block 280, the logic sets "off" the flag for hiding the that are selectable m the user interface window 302. 

graphical display of the objects included in the SlideObj A Although the embodiment of the present invention 

container for the selected Slide HTML page so that the 30 described above employs the HTML computer language, it 

objects in the page may be displayed. Moving to a block IS ' 0 be ™derstood that the invention is also applicable to 

282, a repositioned and redimensioned graphical display of ^ of c ° m P uter languages that support percentage 

every object in the SlideObj container for the Slide HTML ba ^ ed ° e s *«* 0 [* s ™™? ' ' ??f tI0 " ° f an f^f mc " g 

• i- , . .t ' j- c . DHTML, CGI, VRHTML, ADA and C++. It is further to be 

page is displayed within the dimensions of the browser's " ml "' ,l '"" rl ' u " , .;. . ' ^ 

window. Since the position of each object in the display 35 understood that the first and second facilities could operate 

space defined by the SlideObj container for the selected ,hc Slm , c P r °f am - * ol lU ex ™? lc ' a P r °f 

Slide HTML page is determined by a division created with ™f Mv *^ mpl ° yed f° f r "' e me ° b . J ?°Ai / 

a nested DIV tag\ the graphical display of each object will m !° a " "™ L object ln f luded I m a Shde0bj C0 " ta,ne F for a 

automatically be repositioned to fit the new dimensions of Slide HTML page could also be associated with displaying 

the display space included in the container. Once the graphi- 40 edl ^? , y wuldow - 

cal display for the objects included in the SlideObj container „ While the preferred embodiment of the invention has been 

for the selected Slide HTML page are fitted to the dimen- grated and described it will be appreciated that various 

sions of the browser's display window, the logic flow ends. changes can be made therein without departing from the 

Exemplary Graphical User Interface S P™' and SC0 P e of lhe ™ention as defined by the appended 

In FIG. 14, an overview 300 of an exemplary user 45 cl " ms - LJ . . t . ....... 

interface window 302 is shown for graphically displaying ™ e embodiments of the invention in which an exclusive 

selectable options to a user. The selection of an autoscale P"? 61 * " Privilege » claimed are defined as follows: 

check box 304 causes the present invention to automatically / Amethod for automatically fitting the graphical disp ay 

fit the graphical display of every object included a SlideObj of an ob J ect 1D a dls P la y s P ace 10 me S1ZC of a dls P la y 

container for a selected Slide HTML page to the dimensions 50 window > comprising: 

of a display window in a browser. However, if check box ( a ) savm 8 a P a S e that inc l» des an ° b J'ect in a scalable 

304 is not selected, the present invention will not fit the P a g 6 ! 

graphical display of the selected Slide HTML page to the ( b ) generating a size for a display space of the scalable 

dimensions of the browser's display window. P a ge, the size of the display space being related to a 

A thumbnail image 316 is provided that graphically 55 default size of a container for the scalable page; 

displays all of the objects in the selected Slide HTML page . (c) generating a size and a position for the object included 

A height drop-down menu 314 is provided to set either the in the scalable page, the size and the position of the 

maximum height or minimum height (not shown) for the object being related to the size of the display space of 

graphical display of the display space included in the the scalable page; 

SlideObj container for the selected Slide HTML page. A 60 (d) determining if a dimension of a display window is 

spinner control 322 coupled to the height drop-down menu different than a corresponding dimension of the display 

314 and enables the selection of the number of lines of space of the scalable page, and if so 

resolution (pixels) for the maximum and minimum heights (i) generating a scalar that is related to the difference in 

that the present invention can use in fitting the height of the the dimension of the display window and the corre- 

display space into a browser's display window. Similarly, a 65 sponding dimension of the display space of the 

drop-down menu 320 is provided to set the maximum and scalable page, the scalar being employed to calculate 

minimum widths (not shown) that the present invention may another size for the display space of the scalable 
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page that is related to the size of the display window 
and the default size of the master display space, the 
calculation of the other size of the display space 
causing the related size and position of the object to 
be changed in proportion to the other size of the 5 
display space; and 
(ii) automatically relocating the graphical display of the 
display space of the scalable page and the changed 
size and position of the object in the display window, 
so that a user can view the object in the display space 
without having to scroll the display window. 

2. The method of claim 1, wherein the other type of page 
is a slide created with a presentation program. 

3. The method of claim 1, wherein the other type of page 
is a document created with an editor. 

4. The method of claim 1, wherein the scalable page, the 15 
master page and the object are encoded with a computer 
language selected from the group comprising HTML, 
DHTML, CGI, Javascript and VRHTML. 

5. The method of claim 4, further comprising employing 

a DIV tag to create sizes and positions for the scalable page, 20 
the display space and the object that are percent based. 

6. The method of claim 1, wherein automatically locating 
the graphical display of the scalable page's display space 
and the changed size and position of the object in the display 
window further comprises graphically displaying the display 2 s 
space and the object after the display space and the object 
have been located in the display window. 

7. The method of claim 1, wherein generating the scalar 
further comprises determining a value for the scalar that will 
retain an original aspect ratio when sizing the display space 30 
and the object to fit the size of the display window. 

8. The method of claim 1, wherein generating the scalar 
further comprises selecting another aspect ratio that is used 
for sizing the display space and the object to fit the size of 
the display window. 35 

9. The method of claim 1, further comprising determining 
that the object is a text object, the text object being associ- 
ated with a percent-based font size that is related to a default 
font included in the master page. 

10. The method of claim 9, further comprising calculating 40 
another percent font size for the text object, the other 
percent-based font size being proportionally resized with the 
scalar. 

11. The method of claim 9, further comprising identifying 
another text object that is nested in the text object, the other 45 
text object having a nested percent-based font size that is 
related to the percent-based font size of the text object. 

12. The method of claim 10, wherein calculating the other 
percent-based font size for the text object is limited to 
calculating at least a minimum size of font, the minimum 50 
size of font being selectable. 

13. The method of claim 10, wherein calculating the other 
percent-based font size for the text object is limited to 
calculating no more than a maximum size of font, the 
maximum size of font being selectable. 55 

14. The method of claim 9, wherein determining that the 
object is the text object further comprises determining that 
the text object is selected for sizing to fit the size of the 
display window. 

15. The method of claim 1, further comprising: 60 

(a) determining the object included in the scalable page to 
be an image map object, the image map object being 
associated with a hyperlink; and 

(b) storing a set of coordinates for the image map object 

in an array, the set of coordinates defining a size and a 65 
position of the image map object in the display space of 
the scalable page. 



305 Bl 

18 

16. The method of claim 15, further comprising: 

(a) calculating another set of coordinates for the image 
map object that are proportional to the scalar; and 

(b) employing another size and another position defined 
by the other set of coordinates to graphically display 
the image map object in the display space of the 
scalable page. 

17. The method of claim 15, wherein determining that the 
object included in the scalable page is the image map object 
further comprises determining that the image map object is 
selected for sizing to fit the size of the display window. 

18. The method of claim 1, further comprising determin- 
ing the object included in the display space of the scalable 
page to be an image object, the image object having a type 
that includes bitmap and vector graphic. 

19. The method of claim 18, wherein determining that the 
object included in the scalable page is the image object 
further comprises determining that the image object is 
selected for sizing to fit the size of the display window. 

20. The method of claim 1, wherein the display window 
is associated with a program that comprises a browser and 
an editor. 

21. The method of claim 1, further comprises a flag in the 
scalable page that must be set before the object and the 
display space for the scalable page are graphically display- 
able in the display window. 

22. The method of claim 1, wherein the dimensions of the 
display window, the display space, the master display space, 
and the dimensions and position of the object are measured 
in lines of resolution, so that the graphical display of the 
display space and the object in the display window will 
automatically adjust to the lines of resolution being 
employed to graphically display the display window in a 
video display. 

23. The method of claim 22, wherein the graphical display 
of the object in the display space is automatically fitted to the 
size of the display window when the lines of resolution used 
to graphically display the display window are changed. 

24. The method of claim 22, wherein each line of reso- 
lution relates to one pixel in a video display, 

25. The method of claim 22, wherein a width dimension 
for the display window is defined by a number of horizontal 
lines of resolution and a height dimension for the display 
window is defined by a number of vertical lines of resolu- 
tion. 

26. The method of claim 1, wherein the graphical display 
of the object in the display space is automatically fitted to the 
size of the display window when at least one of the dimen- 
sions of the display window is dynamically changed. 

27. A computer readable media having computer execut- 
able instructions for performing the method recited in any 
one of claims 1, 6, 8, 14 or 17. 

28. A method for automatically fitting the graphical dis- 
play of an object in a display space to the size of a display 
window, comprising: 

(a) employing a first facility for generating a scalable 
page, the first facility implementing actions, including: 

(i) saving a page that includes an object in a scalable 
page; 

(ii) generating a size for the display space of the 
scalable page, the size of the display space being 
related as a percentage to a default size of a container 
for the scalable page; 

(iii) generating a size and a position for the object 
included in the scalable page, the size and the 
position of the object being related as a percentage to 
the size of the display space of the scalable page; and 
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(b) employing a second facility to determine when a 
dimension of the display window is different than a 
corresponding dimension of the display space of the 
scalable page, if true the other facility implementing 
actions, including: 

(i) generating a scalar that is related to the difference in 
the dimension of the display window and the corre- 
sponding dimension of the size of the display space 
of the scalable page, the scalar being employed to 
calculate another size for the display space of the 
scalable page that is related as a percentage to the 
size of the display window and the default size of the 
master display space, the calculation of the other size 
of the display space causing the related size and 
position of the object to be changed in proportion to 15 
the other size of the display space; and 

(ii) automatically locating the graphical display of the 
display space of the scalable page and the changed 
size and position of the object in the display window, 

so that a user can view the object in the display space 20 
without having to scroll the display window. 

29. The method of claim 28, wherein the first facility is a 
module that is executed within a program that created the 
other type of page. 

30. The method of claim 28, wherein the second facility 25 
is a module that is executed by a program associated with the 
display window. 

31. A computer system for automatically fitting the 
graphical display of an object to the size of a display 
window, comprising: 

(a) a memory that stores a plurality of logical instructions; 

(b) a display for graphically displaying the object to a 
user; and 

(c) a processor coupled to the memory, the processor 
implementing the logical instructions, including: 

(i) saving a page that includes the object in a scalable 
page; 

(ii) generating a size for a display space of the scalable 
page, the size being related to a default size of a 
master display space of a master page that is pro- 
vided as a container for the scalable page; 

(iii) generating a size and a position for the object 
included in the scalable page, the size and the 
position of the object being related to the size of the 
display space of the scalable page; and 

(iv) determining if a dimension of the display window 
is different than a corresponding dimension of the 
size of the display space of the scalable page, if so: 



30 
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(aa) generating a scalar that is related to the differ- 
ence in the dimension of the display window and 
the corresponding dimension of the size of the 
display space of the scalable page, the scalar being 
employed to calculate another size for the display 
space of the scalable page that is related to a size 
of the display window and the default size of the 
master display space, the calculation of the other 
size of the display space causing the related size 
and position of the object to be changed in pro- 
portion to the other size of the display space; and 

(bb) automatically locating the graphical display of 
the scalable page's display space and the changed 
size and position of the object in the display 
window, so that a user can view the object in the 
display space without having to scroll the display 
window. 

32. A method for automatically fitting the graphical dis- 
play of a scalable page to the size of a display window 
comprising: 

(a) generating a size for a display space of a scalable page; 

(b) generating a size and a position for an object included 
in the scalable page; 

(c) determining if a dimension of a display window is 
different than a corresponding dimension of the display 
space of the scalable page, the size of the display space 
being related as a percentage to a default size of a 
container for the scalable page, the scalable page 
including the object that has the size and the position 
related as a percentage to the size of the display space 
of the scalable page and if the determination is true: 

(i) generating a scalar that is related to the difference in 
the dimension of the display window and the corre- 
sponding dimension of the size of the display space 
of the scalable page, the scalar being employed to 
calculate another size for the display space of the 
scalable page that is related as a percentage to the 
size of the display window and the default size of the 
master display space, the calculation of the other size 
of the display space causing the related size and 
position of the object to be changed in proportion to 
the other size of the display space; and 

(ii) automatically locating the graphical display of the 
display space of the scalable page and the changed 
size and position of the object in the display window, 
so that a user can view the object in the display space 
without having to scroll the display window. 
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It is certified that error appears in the above- identified patent and that said Letters Patent is 
hereby corrected as shown below: 



Column 1, 

Line 6, "FILED" should read -- FIELD -- 
Column 2, 

Line 64, "page of Microsoft corporation>microsoft corporation</A home page." should 
read - Microsoft Corporation>Microsoft Corporation</A>home page. ~ 

Column 3, 

Line 8, "bold," should read -- bold, - 
Line 8, "italic." should read -- italic. - 

Line 10, "Microsoft Corporation" should read -- Microsoft Corporation -- 
Column 6, 

Line 28, "EMBODIMENTS" should read -- EMBODIMENT -- 
Column 10, 

Line 35, "200," should read 200, -- 
Column 17, 

Line 21, "percent based" should read -- percent-based -- 
Column 20, 

Line 18, "display window" should read -- display window, -- 
Line 31, "scalable page and" should read -- scalable page, and - 
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